<!DOCTYPE html>
<html lang="en">
	<head>
		<title>UIST 2012</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=1024" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="description" content="Forcepad Demo" />
		<meta name="author" content="Saiph Savage, Salvador Medina, Carlos Toxtli" />
		<link rel="stylesheet" type="text/css" href="./resources/css/jquery.mobile-1.2.0-rc.2.css" />
		<link rel="stylesheet" type="text/css" href="./resources/css/style.css" />
		<script type="text/javascript" src="./config.js"></script>
		<script type="text/javascript" src="./resources/js/jquery-1.8.1.min.js"></script>
		<script type="text/javascript" src="./resources/js/jquery-ui-1.8.23.custom.min.js"></script> 
		<script type="text/javascript" src="./resources/js/jquery.mobile-1.2.0-rc.2.min.js"></script> 
		<script type="text/javascript" src="./resources/js/webkitdragdrop.js"></script>
		<script type="text/javascript" src="./resources/js/binary.js"></script>
		<script type="text/javascript" src="./resources/js/clientBinary.js"></script>
		<script type="text/javascript" src="./resources/js/clientSocket.js"></script>
		<script type="text/javascript" src="./resources/js/protoclass.js"></script>
		<script type="text/javascript" src="./resources/js/box2d.js"></script>
		<script type="text/javascript" src="./resources/js/main.js"></script>
		<link rel="shortcut icon" href="./resources/images/favicon.png" />
		<link rel="apple-touch-icon" href="./resources/images/apple-touch-icon.png" />
	</head>
	<body>
		<div id="divStatus"></div>
		<div id="backTable">
			<div id="topLeftBox"></div>
			<div id="topRightBox"></div>
			<div id="topBox"></div>
			<div id="leftBox"></div>
			<div id="rightBox"></div>
			<div id="centerBox"></div>
			<div id="bottomLeftBox"></div>
			<div id="bottomRightBox"></div>
			<div id="bottomBox"></div>
		</div>
		<div id="toolsPanel">
			<div id="localUserId"></div>
			<div data-role="fieldcontain">
				<fieldset data-role="controlgroup" data-type="horizontal">
					<input type="checkbox" onchange='activateButton("A",this);' name="chkA" id="chkA" class="custom" />
					<label for="chkA">A</label>
					<input type="checkbox" onchange='activateButton("F",this);' name="chkF" id="chkF" class="custom" />
					<label for="chkF">F</label>    
					<!--
					<input type="checkbox" onchange='activateButton("V",this);' name="chkV" id="chkV" class="custom" />
					<label for="chkV">V</label>  
					-->

				</fieldset>
			</div>
		</div>
		<div id="container">
			<div id="slideshow">
				<figure tabindex="1" id="fig1">
				<figure tabindex="2" id="fig2">
				<figure tabindex="3" id="fig3">
				<figure tabindex="4" id="fig4">
				<figure tabindex="5" id="fig5">
				<figure tabindex="6" id="fig6">
				<figcaption></figcaption>
					<figure id="box">
						<div id="face1" class="faceStyle1">
						<img class="shareArea" src="./resources/images/faceh.png">
						<!--<img style="position:absolute;" class="box2d" src="./resources/images/tomato.gif">-->
						</div>
						<div id="face2" class="faceStyle2"><img src="./resources/images/faceh.png"></div>
						<div id="face3" class="faceStyle3"><img src="./resources/images/faceh.png"></div>
						<div id="face4" class="faceStyle4"><img src="./resources/images/faceh.png"></div>
						<div id="face5" class="faceStyle5"><img src="./resources/images/facev.png"></div>
						<div id="face6" class="faceStyle6"><img src="./resources/images/facev.png"></div>
					</figure>
				</figure>
				</figure>
				</figure>
				</figure>
				</figure>
				</figure>
			</div> <!-- End Slideshow -->
		</div> <!-- End Container -->
		<div id="finger1" class="circle finger finger1"></div>
		<div id="finger2" class="circle finger finger2"></div>
		<div id="finger3" class="circle finger finger3"></div>
		<div id="finger4" class="circle finger finger4"></div>
		<div id="finger5" class="circle finger finger5"></div>
		<script type="text/javascript" src="./resources/js/table.js"></script>
		<audio id="doorSound" src="./resources/sounds/door.mp3" preload="auto"></audio>
	</body>
</html>